.dialogWrapper {
	position: absolute !important;	
	z-index: 99999999;
	box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.62), -5px -5px 50px rgba(0, 0, 0, 0.34);
	border-radius: 3px;
	background: white;
	width: 500px;
	min-height: 200px;	
	position: relative;
	display: none;
}

.dialogMasker {
	position: absolute;
	z-index: 999;
	width:100%;
	height:100%;
	background: rgba(195, 196, 204, 0.5);
	border-radius: 5px;
	text-align: center;
	left: 0px;
	top: 0px;
}
.dialogMasker .dialogProcessingText {
	background: url(../../images/common16/loading.gif) no-repeat left center;
	padding: 0px 0px 4px 25px;	
	font-size: medium;
	position: relative;
	overflow: auto;
}

.dialogMasker .dialogProcessingText > progress{	
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	width: 200px;
	vertical-align: middle;
}

.dialogMasker .dialogProcessingText > .progressValue{
	position: absolute;
	left: 45%;
	color: #FFFFFF;
	font-size: 20px;
}

/*------------------------------------------------------------------------*/

.dialogHeader {
	line-height: 40px;
	background: -webkit-linear-gradient(top, #E0D9D9 0%,#E7E4E4 50%,#E0D9D9 100%);
	border-radius: 2px 2px 0px 0px;
	cursor: move;
	box-shadow: 0px 1px 1px #C2BDBE;
	overflow: auto;
}
.dialogHeaderIcon {
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 50px;
	display: inline-block;
	float: left;
	height: 40px;
}
.dialogHeader h2 {
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	float: left;
}
.dialogHeaderToolbar {
	position: absolute;
	top: 5px;
	right: 5px;
}

.dialogHeader .close {
	background: url(../../images/common32/close.png) no-repeat;
	background-position:center center;
}
.dialogHeader .fullscreen {
	background: url(../../images/common24/fullscreen.png) no-repeat;
	background-position:center center;
}
.dialogHeader .fullscreen_exit {
	background: url(../../images/common24/fullscreen_exit.png) no-repeat;
	background-position:center center;
}

/*------------------------------------------------------------------------*/

.dialogContent{
	position: relative;
	height: calc(100% - 40px);	
}

.dialogBody {
	min-height: 120px;
	padding: 10px;	
	overflow-x: hidden;	/*对话框体，水平不允许溢出，否则会影响showCard切换效果。若需要能够水平溢出，可以在dialogBody的内容外包一层<div style="width: 100%;height: 100%;overflow: auto;">*/
	overflow-y: auto;
	border-radius: 3px;
	position: relative;
}

.dialogBody > .card{
	box-shadow: 0px 0px 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;	
	left: 0px;
	top: 0px;
	height: 100%;	
	width: 100%;
}

/*------------------------------------------------------------------------*/

.dialogToolbar {
	margin: 5px 10px;
	text-align: right;
}
.dialogToolbar button {
	border: solid 1px #A09090;
	background-color: #CDD8EB;
	padding: 4px 10px 4px 28px;
	background-repeat: no-repeat;
	background-position: 8px center;
	border-radius: 2px;
	cursor: pointer;
	box-shadow: 1px 1px 3px black;
	margin-left: 5px;
}
.dialogToolbar button:hover {
	background-color: #9FBBEB;
}
.dialogToolbar button.selectFile {
	background-image: url(../../images/common16/select.png);
}
.dialogToolbar button.selectFolder {
	background-image: url(../../images/common16/folder.png);
}
.dialogToolbar button.cancel {
	background-image: url(../../images/common16/cancel.png);
}
.dialogToolbar button.done {
	background-image: url(../../images/common16/done.png);
}
.dialogToolbar button.hide {
	background-image: url(../../images/common16/prev.png);
}
.dialogToolbar button.save {
	background-image: url(../../images/common16/save.png);
}
.dialogToolbar button.invite {
	background-image: url(../../images/common16/mail.png);
}
.dialogToolbar button.submit {
	background-image: url(../../images/common16/ok.png);
}
.dialogToolbar button.export {
	background-image: url(../../images/common16/export.png);
}
.dialogToolbar button.transfer {
	background-image: url(../../images/common16/next.png);
}
.dialogToolbar button.bulkTag {
	background-image: url(../../images/common16/tag.png);
}
.dialogToolbar button.create {
	background-image: url(../../images/common16/create.png);
}
.dialogToolbar button.manage {
	background-image: url(../../images/common16/manage.png);
}
.dialogToolbar button.back {
	background-image: url(../../images/common16/back.png);
}
.dialogToolbar button.prev {
	background-image: url(../../images/common16/back.png);
}
.dialogToolbar button.preview {
	background-image: url(../../images/common16/preview.png);
}
.dialogToolbar button.map {
	background-image: url(../../images/common16/map.png);
}
.dialogToolbar button.setting {
	background-image: url(../../images/common16/option.png);
}
.dialogToolbar button.chat {
	background-image: url(../../images/common16/chat.png);
}
.dialogToolbar button.hammer {
	background-image: url(../../images/common16/hammer.png);
}
.dialogToolbar button.next {
	background-image: url(../../images/common16/next.png);
}
/*缩放*/
.dialogToolbar button.zoomIn {
	background-image: url(../../images/common16/zoom_in.png);
}
.dialogToolbar button.zoomOut {
	background-image: url(../../images/common16/zoom_out.png);
}
/*实际大小*/
.dialogToolbar button.actual {
	background-image: url(../../images/common16/actual.png);
}
.dialogToolbar button.download {
	background-image: url(../../images/common16/download.png);
}
.dialogToolbar button.import {
	background-image: url(../../images/common16/import2.png);
}
.dialogToolbar button.send {
	background-image: url(../../images/common16/send.png);
}
.dialogToolbar button.start {
	background-image: url(../../images/common16/start.png);
}

/*------------------------------------------------------------------------*/

.dialogBubbleWrapper {
	position: absolute;
	display: none;
	background: rgba(221, 247, 119, 0.89);
	padding: 5px 8px;
	letter-spacing: 1px;
	width: calc(100% - 16px);
	top: 0px;
	left: 0px;
	text-align: center;
	color: #8B8B8B;
	z-index: 1;
}

.dialogBubbleWrapper .closeBtn{
	display: inline;
	top: 2px;
	right: 0px;
	background: none;
}
.dialogBubbleWrapper .closeBtn:hover{
	color:#000000;
}

.dialogBubbleWrapper .dialogBubbleBtn{
	background: #E6E0E0;
	margin-left: 10px;
	padding: 2px 5px;
	border-radius: 3px;
	cursor: pointer;
}

/*------------------------------------------------------------------------*/

.dialogLayer{
	position: absolute;
	background: #FFFFFF;
}

.dialogLayerTitle{
	text-align: center;
	background: #D1D1D1;
	padding: 6px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #333;
}

.dialogLayerCenter{
	z-index: 99999;	
	left: 0px;
	top: 0px;
	border: solid 1px #ECECEC;
	box-shadow: 1px 1px 1px #ccc;
	border-radius: 3px;
}

/*----------------------------------------------------------------------------*/

.dialogNav{
	position:absolute;	
	width: 128px;
	height: 128px;
	text-indent: -1000px;
	overflow: hidden;
	top: calc(50% - 64px);
	cursor:pointer;
	opacity: .3;
	z-index: 999;
	background-position:center center;
	background-color:#CCCCCC;
	background-repeat:no-repeat;
	border-radius:50%;
	display:none;
}

.dialogWrapper:hover .dialogNav{
	display:block;
}

.dialogNav:hover{
	opacity: .7;
}

.dialogNav.leftNav{
	left:0px;
	background-image: url(../../images/common128/left.png);
}

.dialogNav.rightNav{
	right:0px;
	background-image: url(../../images/common128/right.png);
}
